<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <form
      autocomplete="off"
      class="ant-form ant-form-vertical ant-pro-form"
      title="新建表单"
    >
      <input
        style="display: none;"
        type="text"
      />
      <div
        class="ant-form-item ant-form-item-vertical"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <div
                  style="display: flex; align-items: center;"
                >
                  <input
                    class="ant-input ant-input-outlined"
                    id="code"
                    style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; transition: width .3s; margin-right: 8px;"
                    type="text"
                    value=""
                  />
                  <button
                    class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                    style="display: block;"
                    type="button"
                  >
                    <span>
                      获取验证码
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        style="display: flex; gap: 8px; align-items: center;"
      >
        <button
          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
          type="button"
        >
          <span>
            重 置
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
          type="button"
        >
          <span>
            提 交
          </span>
        </button>
        <button
          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
          type="button"
        >
          <span>
            手动开始计数
          </span>
        </button>
        <button
          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
          type="button"
        >
          <span>
            手动结束计数
          </span>
        </button>
      </div>
    </form>
  </div>
</DocumentFragment>